/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0rem;
  padding-bottom: 1rem;
  color: #5a5a5a;
  background-color: #E5E8E8;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
} 
nav{
  background-color: #581414;
  margin-top: ;
  font-family: 'Cinzel', serif;
  font-size: ;
  color:white;
} 
#nav > .{
  color: white;
}
.navbar-brand{
  color: white;
}
#head1{
  color: white;
  font-size: 50px;
  color: white;

}
#imagenes{
  display: inline-block;
  text-align: center;
  min-width: 100%;
  margin-bottom: -30px;
}
.row > iframe{
  border-radius: 50px;
}
#documentos1 > ol{
  text-align: center;
}
#documentos > ol{
  text-align: center;
}
.container >ol,li{
  display: block;
}

#documentacion > li{
  color: black;
}
.jumbotron{
  background-image: url(images/galeriamundialb/manos.jpg);
  background-position: cover;
  background-size: 100%;
  text-align: center;
  color: black;
  font-style: italic;
}


#pb{
  font-size: 27px;
  text-align: center;
  background-color: #F3F0F0;
  font-family: bold;
  color: #24242c;
}
#pb > p{
  font-size: 22px;
  font-family: ;
  color: #24242c ;
}

#prueba{
  background-color: #9a3334;
  text-align: center;
  text-decoration: none;
}

#con{
  display: inline-flex;


}
.box {
  display: flex;
  align-items: stretch;
  margin-top: 50px;
}
.box > div{
  margin: 60px;
  font-size: 50px;
}
.box > div > h1{
  font-size: 38px;
  font-family: sans-serif;
}

#banner{
  background-color:#9a3334;
  width: 100%;
  height:40px;
  margin-top: -64px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 39rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}









/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}





div#imagen {
  width: 290px;
  height: 250px;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("images/davivi.png");
  min-width: 100%;
}

div#info {
  position:absolute;
  overflow:hidden;
  width: 370px;
  height: 200px;
  background-color: #1F1F1F;
  opacity:0;
  transition: opacity 0.3s;
  border-radius: 15px;
  ,min-width: 100%;
}

div#imagen:hover div#info {
  opacity:1;
}

p#headline {
  position: inherit;
  font-size: 1.5rem;
  margin-left: 0px;
  margin-right: 90px;
  margin-top: 20px;
  transition: margin-left 0.3s;
  color: white;
}

div#imagen:hover p#headline {
  margin-left: 100px;
}

p#descripcion {
  font-size: 1rem;
  text-align: center;
  margin-top: 200px;
  transition: margin-top 0.4s;
  color: red;
}

div#imagen:hover p#descripcion {
  margin-top: 75px;
}

.roundimage{
  width: 180px;
  height: 180px;
  border-radius: 200px;
  border:3px solid #a34955;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;
}
.grid-container img{
  width: 100%;
}


/* hover styles */
.location-listing {
  position: relative;
}

.location-image {
  line-height: 0;
  overflow: hidden;
}

.location-image img {
  filter: blur(0px);
  transition: filter 0.3s ease-in;
  transform: scale(1.1);
}

.location-title {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background: rgba(90,0,10,0.4);
  color: white;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-listing:hover .location-title {
  opacity: 1;
  color: red;
}

.location-listing:hover .location-image img {
  filter: blur(2px);
}


/* for touch screen devices */
@media (hover: none) { 
  .location-title {
    opacity: 1;
  }
  .location-image img {
    filter: blur(2px);
  }
}
/* css footer ------------------------------------------------------>*/
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.site-footer
{
  background-color:#a03434;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:white ;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5;
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px;
}
#uniagustinianalogo{
  display: inline-flex;
  font-size: 18px;
}



.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none;
}
.footer-links li
{
  display:block;
  color: #ffffff;
}
.footer-links a
{
  color:#ffffff;
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#ffffff;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block;
}
.site-footer .social-icons
{
  text-align:right;
}
.site-footer .social-icons a
{
  width:45px;
  height:45px;
  line-height:40px;
  margin-left:6px;
  margin-right:15;
  border-radius:100%;
  background-color:#ffffff;
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px;
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0;
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center;
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px;
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px;
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe;
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px;
}
.social-icons a.facebook:hover
{
  background-color:#3b5998;
}
.social-icons a.twitter:hover
{
  background-color:#00aced;
}
.social-icons a.instagram:hover
{
  background-color:#007bb6;
}
.social-icons a.youtube:hover
{
  background-color:red;
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600;
  }
}